//1、导入vue-router的包
import VueRouter from 'vue-router'

//导入对应的路由组件
import HomeContainer from  './components/tabbar/HomeContainer.vue'
import MemberContainer from  './components/tabbar/MemberContainer.vue'
import ShopcarContainer from  './components/tabbar/ShopcarContainer.vue'
import SearchContainer from  './components/tabbar/SearchContainer.vue'
import NewList from './components/news/NewList.vue'
import NewsInfo from "./components/news/NewsInfo.vue"
import PictureList from "./components/picture/PictureList.vue"
import PictureInfo from "./components/picture/PictureInfo.vue"
import GoodsList from "./components/goods/GoodsList.vue"
import GoodsInfo from "./components/goods/GoodsInfo.vue"
import GoodsDesc from "./components/goods/GoodsDesc.vue"
import GoodsComment from "./components/goods/GoodsComment.vue"

//3、创建路由对象
var router = new VueRouter({
    routes:[
        {path: '/',redirect: '/home'},
        {path: '/home',component:HomeContainer},
        {path: '/member',component:MemberContainer},
        {path: '/shopcar',component:ShopcarContainer},
        {path: '/search',component:SearchContainer},
        {path: '/home/newList',component:NewList},
        {path: '/home/newsinfo/:id',component:NewsInfo},
        {path: '/home/picturelist',component:PictureList},
        {path: '/home/pictureinfo/:id',component:PictureInfo },
        {path: '/home/goodslist',component:GoodsList },
        {path: '/home/goodsinfo/:id',component:GoodsInfo ,name:'goodsinfo' },
        {path: '/home/goodsdesc/:id',component:GoodsDesc ,name:'goodsdesc' },
        {path: '/home/goodscomment/:id',component:GoodsComment,name:'goodscomment' },
    ],
    linkActiveClass:'mui-active' //覆盖默认的路由高亮的类，默认的类叫做router-link-active
})

//4、向外暴露
export default router